---
interface Props {
    titleSuffix?: string;
}

const { titleSuffix = '' } = Astro.props;
---

<!-- logo -->
<a th:href="${webConfig['oly.web.domain']}" class="flex items-center space-x-3 lg:pl-4 rtl:space-x-reverse">
    <img th:if="${!#strings.isEmpty(webConfig['oly.web.logo'])}" th:src="${imgPrefix+webConfig['oly.web.logo']}" class="h-8 w-8 rounded-full" th:alt="${webConfig['oly.web.title']}" />
    <span class="self-center text-2xl font-semibold whitespace-nowrap dark:text-white" th:text="${webConfig['oly.web.title']}"></span>
    <span class="self-center text-2xl font-semibold whitespace-nowrap dark:text-white" >{titleSuffix}</span>
</a>